<template>
  <demoBlock title="自定义按钮" padding>
    <vcu-pagination v-model="currentPage" :total-items="20" :items-per-page="5">
      <template #prev-text>
        <vcu-icon name="pullleft" size="24" />
      </template>
      <template #next-text>
        <vcu-icon name="pullright" size="24" />
      </template>
      <template #page="{ text }">{{ text }}</template>
    </vcu-pagination>
  </demoBlock>
</template>

<script>
import { defineComponent, ref } from "vue";

export default defineComponent({
  setup() {
    const currentPage = ref(1);
    return { currentPage };
  },
});
</script>
